// web/src/app/learn/(dashboard)/layout.tsx
import React from 'react';
import Sidebar from "@/app/learn/(dashboard)/_components/sidebar";
import Navbar from "@/app/learn/(dashboard)/_components/navbar";
import ToasterProvider from "@/components/learn/providers/toaster-provider";

const Layout = ({children}: { children: React.ReactNode }) => {
    return (
        <div className={`h-full`}>
            <div className={`h-[80px] md:pl-56 fixed inset-y-0 z-50 w-full`}>
                <Navbar/>
            </div>
            <div className={`hidden md:flex h-full w-56 flex-col fixed inset-y-0 z-50`}>
                <Sidebar/>
            </div>
            <main className={`md:pl-56 pt-[80px] h-full`}>
                {children}
            </main>
        </div>
    );
};

export default Layout;